約 4,974,601 件
https://w.atwiki.jp/htmlwiki/pages/15.html
ez-html プレビュー機能がついていて、コードの補佐を行ってくれるソフト。 現在(2009年8月)も開発が進んでいます。これを使って作業をしていきます。
https://w.atwiki.jp/siron24/pages/15.html
!---------------------------------------------------------- ■説明 処理の説明を記述します。 ■課題 課題を記述します。 !--------------------------------------------------------- 宣言 !DOCTYPE html !--基準言語=日本語; manigestでキャッシュするファイルを指定-- html lang="ja" manifest="skeleton.manifest" !--JavaScript参照-- script type="text/javascript" src="../js/skeleton.js" /script !--------------------------------------------------------- ヘッダ情報定義 head !--文字コード-- meta charset="UTF-8" !--ページタイトル(SEOに関わるので厳選したキーワードを記述)-- title テスト /title !--相対パスの基準URL-- base href="http //www.google.co.jp/" target="_self" !--スタイルシート指定-- link rel="stylesheet" type="text/css" href="../css/skeleton.css" media="all" title="default" / /head
https://w.atwiki.jp/keisks/pages/223.html
学生向けtips等々 How to Be a Successful PhD Student (in Computer Science (in NLP/ML)) http //www.cs.jhu.edu/~mdredze/publications/HowtoBeaSuccessfulPhDStudent.pdf My Advice To My Graduate Students http //muratbuffalo.blogspot.com/2013/04/my-advice-to-my-students.html Ph.D. 2.0 Rethinking the Ph.D. Application http //jeffhuang.com/rethinking_the_phd_application.html# 大学院・研究者を目指す人へ http //www7b.biglobe.ne.jp/~masaoamano/Masao_Amanos/for_future_graduate_students.html Don’t prematurely obsess on a single “big problem” or “big theory” http //terrytao.wordpress.com/career-advice/dont-prematurely-obsess-on-a-single-big-problem-or-big-theory/ 博士のための「けものみち」就職活動ガイド http //blog.lilyx.net/2009/03/30/job-hunt-for-doctoral-students/ 武蔵野日記 http //d.hatena.ne.jp/mamoruk/ 研究向けtips How to Do Great Research http //greatresearch.org How to Read a Technical Paper http //cs.jhu.edu/~jason/advice/how-to-read-a-paper.html http //old-site.clsp.jhu.edu/wiki2/NLP_Reading_Group#Variational_inference SIGIR Paper Writing Tips http //research.microsoft.com/en-us/people/pbailey/sigir-paper-writing-tips.aspx?1702280376 Top publications - Computational Linguistics http //scholar.google.com/citations?view_op=top_venues hl=en vq=eng_computationallinguistics Leo s Chronicle http //leoclock.blogspot.com/search/label/Academia 松尾ぐみ http //ymatsuo.com/japanese/matsuogumi.html プレゼン向けtips 伝わるデザイン http //tsutawarudesign.web.fc2.com/ 15 Seconds to a Better Presentation http //www.inc.com/geoffrey-james/15-seconds-to-a-better-presentation.html my tips 技術的、数学的に分からない箇所はStackExchangeですぐに解決。 http //stackexchange.com/sites
https://w.atwiki.jp/hoi4modtukuritai/pages/39.html
テキストエディタ
https://w.atwiki.jp/api_programming/pages/209.html
属性セレクタ 基本形 [attr=value] https //developer.mozilla.org/ja/docs/Web/CSS/Attribute_selectors
https://w.atwiki.jp/1993115/pages/11.html
!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" html lang="ja" head meta http-equiv="Content-Type" content="text/html;charset=Shift_JIS" title site name /title link rel="STYLESHEET" href="style.css" type="text/css" /head body table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0" style="border-left 5px solid #000000;" tr td valign="middle" p class="text" a href="main.html" img src="img/banner.gif" /a br 1024*768/IE6.0↑/font-size(small) br br tomiのイラストサイトです。私を知っている方のみ入室を許可しております。。 br /p /td /tr /table /body /html
https://w.atwiki.jp/jiyuujin/pages/37.html
html5機能 (1) ファイルのキャッシュ機能「Application Cache」 Webブラウザのキャッシュ機能とは別に、Webサイト側で 指定したファイルを明示的にキャッシュする → サーバーとの通信ができない状況でもWebページを閲覧することが可能になる。 モバイル環境で利用するWebアプリケーションでは有効になる。 (2) WebブラウザにDBを持たせる機能、「Web Storage」や IndexedDB」と呼ばれる機能、JavaScriptを使って データを保存したり、引き出したりできる → 業務システムで使うマスターデータや画像ファイルなどを保存しておけば、 サーバーにアクセスしなくてもWebブラウザの画面上に必要なデータを表示できる (3) その他の機能 ・高速な双方向通信を実現する「WebSocket」 ・端末の位置情報データを扱う「Geolocation API」 (4) HTML5を扱うために ・HTMLのタグ ・JavaScript → サーバー側のアプリケーションを開発する技術だけでなく、 HTMLやJavaScriptにもある程度明るくないと厳しい (HTMLとCSS3の組み合わせが、Flashと比べ劣らなくなった) 従来のhtmlとどう違う? 1.動画や音声、グラフィックの描画が可能になる動画を用いたい → video要素を用いる video width="640" height="360" preload="auto" poster="hoge.png" controls autoplay // WebM形式の動画 source src="hoge.webm" type= video/webm; codecs="vp8, vorbis" // ogv形式の動画 source src="hoge.ogv" type= video/ogg; codecs="theora, vorbis" // mp4形式の動画 source src="hoge.mp4" type= video/mp4; codecs="avc1.42E01E, mp4a.40.2" // video要素に非対応 p 動画を再生できません。 a href="hoge.html" 推奨環境はこちらから。 /a /p /video 音声を持ちたい → audio要素を用いる audio controls loop // ogg形式の音声 source src="hoge.ogg" // wav形式の音声 source src="hoge.wav" // mp3形式の音声 source src="hoge.mp3" // audio要素に非対応 p 音声を再生できません。 a href="hoge.html" 推奨環境はこちらから。 /a /p /audio グラフィックの描画 → canvas要素を用いる canvas id="canvas" width="640" height="360" /canvas script //描画コンテキストを取得 var canvas = document.getElementById( canvas ); if(canvas.getContext){ var context = canvas.getContext( 2d ); // 赤色で塗りつぶす context.fillStyle = rgb(255,0,0) ; // 左から20上から30の位置に、横幅64・高さ32の四角形を描く context.fillRect(20,30,64,36); } /script 位置情報を取得したいgeolocationをJavaScriptで用いる script window.addEventListener( load . function () { //geolocationが用いる事が出来るか判定 if(navigator.geolocation){ //現在地を定期的に監視する navigator.geolocation.watchPosition(update); } }, false); // 位置が?検出されたら緯度、経度を表示 function update(position){ // 緯度を取得 var lat = position.coords.latitude; // 経度を取得 var lng = position.coords.longitude; //経度・経度を書き出し document.write( 緯度: +lat+ 経度: +lng); } /script 大量のデータをクライアント側で保持したいLocalStorageをJavascrptで用いる script // localStorageに値を格納 localStorage.key = 保存したい値 ; // localStorageから値を取得 var hoge = localStorage.key; //「保存したい値」を書き出し document.write(hoge); /script
https://w.atwiki.jp/smashblus/pages/4.html
https://w.atwiki.jp/touhoukashi/pages/2036.html
【登録タグ C cheluce コマノエール -全力貢献中!! 大神神話伝 暁Records 曲】 【注意】 現在、このページはJavaScriptの利用が一時制限されています。この表示状態ではトラック情報が正しく表示されません。 この問題は、以下のいずれかが原因となっています。 ページがAMP表示となっている ウィキ内検索からページを表示している これを解決するには、こちらをクリックし、ページを通常表示にしてください。 /** General styling **/ @font-face { font-family Noto Sans JP ; font-display swap; font-style normal; font-weight 350; src url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/10/NotoSansCJKjp-DemiLight.woff2) format( woff2 ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/9/NotoSansCJKjp-DemiLight.woff) format( woff ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/8/NotoSansCJKjp-DemiLight.ttf) format( truetype ); } @font-face { font-family Noto Sans JP ; font-display swap; font-style normal; font-weight bold; src url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/13/NotoSansCJKjp-Medium.woff2) format( woff2 ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/12/NotoSansCJKjp-Medium.woff) format( woff ), url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2972/11/NotoSansCJKjp-Medium.ttf) format( truetype ); } rt { font-family Arial, Verdana, Helvetica, sans-serif; } /** Main table styling **/ #trackinfo, #lyrics { font-family Noto Sans JP , sans-serif; font-weight 350; } .track_number { font-family Rockwell; font-weight bold; } .track_number after { content . ; } #track_args, .amp_text { display none; } #trackinfo { position relative; float right; margin 0 0 1em 1em; padding 0.3em; width 320px; border-collapse separate; border-radius 5px; border-spacing 0; background-color #F9F9F9; font-size 90%; line-height 1.4em; } #trackinfo th { white-space nowrap; } #trackinfo th, #trackinfo td { border none !important; } #trackinfo thead th { background-color #D8D8D8; box-shadow 0 -3px #F9F9F9 inset; padding 4px 2.5em 7px; white-space normal; font-size 120%; text-align center; } .trackrow { background-color #F0F0F0; box-shadow 0 2px #F9F9F9 inset, 0 -2px #F9F9F9 inset; } #trackinfo td ul { margin 0; padding 0; list-style none; } #trackinfo li { line-height 16px; } #trackinfo li nth-of-type(n+2) { margin-top 6px; } #trackinfo dl { margin 0; } #trackinfo dt { font-size small; font-weight bold; } #trackinfo dd { margin-left 1.2em; } #trackinfo dd + dt { margin-top .5em; } #trackinfo_help { position absolute; top 3px; right 8px; font-size 80%; } /** Media styling **/ #trackinfo .media th { background-color #D8D8D8; padding 4px 0; font-size 95%; text-align center; } .media td { padding 0 2px; } .media iframe nth-of-type(n+2) { margin-top 0.3em; } .youtube + .nicovideo, .youtube + .soundcloud, .nicovideo + .soundcloud { margin-top 0.75em; } .media_section { display flex; align-items center; text-align center; } .media_section before, .media_section after { display block; flex-grow 1; content ; height 1px; } .media_section before { margin-right 0.5em; background linear-gradient(-90deg, #888, transparent); } .media_section after { margin-left 0.5em; background linear-gradient(90deg, #888, transparent); } .media_notice { color firebrick; font-size 77.5%; } /** Around track styling **/ .next-track { float right; } /** Infomation styling **/ #trackinfo .info_header th { padding .3em .5em; background-color #D8D8D8; font-size 95%; } #trackinfo .infomation_show_btn_wrapper { float right; font-size 12px; user-select none; } #trackinfo .infomation_show_btn { cursor pointer; } #trackinfo .info_content td { padding 0 0 0 5px; height 0; transition .3s; } #trackinfo .info_content ul { padding 0; margin 0; max-height 0; list-style initial; transition .3s; } #trackinfo .info_content li { opacity 0; visibility hidden; margin 0 0 0 1.5em; transition .3s, opacity .2s; } #trackinfo .info_content.infomation_show td { padding 5px; height 100%; } #trackinfo .info_content.infomation_show ul { padding 5px 0; max-height 50em; } #trackinfo .info_content.infomation_show li { opacity 1; visibility visible; } #trackinfo .info_content.infomation_show li nth-of-type(n+2) { margin-top 10px; } /** Lyrics styling **/ #lyrics { font-size 1.06em; line-height 1.6em; } .not_in_card, .inaudible { display inline; position relative; } .not_in_card { border-bottom dashed 1px #D0D0D0; } .tooltip { display flex; visibility hidden; position absolute; top -42.5px; left 0; width 275px; min-height 20px; max-height 100px; padding 10px; border-radius 5px; background-color #555; align-items center; color #FFF; font-size 85%; line-height 20px; text-align center; white-space nowrap; opacity 0; transition 0.7s; -webkit-user-select none; -moz-user-select none; -ms-user-select none; user-select none; } .inaudible .tooltip { top -68.5px; } span hover + .tooltip { visibility visible; top -47.5px; opacity 0.8; transition 0.3s; } .inaudible span hover + .tooltip { top -73.5px; } .not_in_card span.hide { top -42.5px; opacity 0; transition 0.7s; } .inaudible .img { display inline-block; width 3.45em; height 1.25em; margin-right 4px; margin-bottom -3.5px; margin-left 4px; background-image url(https //img.atwikiimg.com/www31.atwiki.jp/touhoukashi/attach/2971/7/Inaudible.png); background-size contain; background-repeat no-repeat; } .not_in_card after, .inaudible .img after { content ; visibility hidden; position absolute; top -8.5px; left 42.5%; border-width 5px; border-style solid; border-color #555 transparent transparent transparent; opacity 0; transition 0.7s; } .not_in_card hover after, .inaudible .img hover after { content ; visibility visible; top -13.5px; left 42.5%; opacity 0.8; transition 0.3s; } .not_in_card after { top -2.5px; left 50%; } .not_in_card hover after { top -7.5px; left 50%; } .not_in_card.hide after { visibility hidden; top -2.5px; opacity 0; transition 0.7s; } /** For mobile device styling **/ .uk-overflow-container { display inline; } #trackinfo.mobile { display table; float none; width 100%; margin auto; margin-bottom 1em; } #trackinfo.mobile th { text-transform none; } #trackinfo.mobile tbody tr not(.media) th { text-align left; background-color unset; } #trackinfo.mobile td { white-space normal; } document.addEventListener( DOMContentLoaded , function() { use strict ; const headers = { title アルバム別曲名 , album アルバム , circle サークル , vocal Vocal , lyric Lyric , chorus Chorus , narrator Narration , rap Rap , voice Voice , whistle Whistle (口笛) , translate Translation (翻訳) , arrange Arrange , artist Artist , bass Bass , cajon Cajon (カホン) , drum Drum , guitar Guitar , keyboard Keyboard , mc MC , mix Mix , piano Piano , sax Sax , strings Strings , synthesizer Synthesizer , trumpet Trumpet , violin Violin , original 原曲 , image_song イメージ曲 }; const rPagename = /(?=^|.*
https://w.atwiki.jp/water28/pages/83.html
cssメリット WEB標準に準拠 - 「SEO」「アクセシビリティ」「ユーザビリティ」 構成情報HTMLとデザインCSSの分離 メンテナンスが容易 レンダリングエンジン Trident (Internet Explorer等 Gecko Mozilla Firefox等 KHTML Konqueror WebKit Safari、Google Chrome等 Presto Opera 日本のブラウザシェア http //lhsp.s206.xrea.com/misc/browser-share.html レンダリングモードはXHTMLソースコードの最初に記述するDoctypeスイッチングを選択して決定する。DTDは、XHTMLのメタデータが記述されている。 http //www.htmq.com/htmlkihon/302.shtml サーチエンジンシェア(あるサイトのアクセス解析より) http //find.accessup.org/kensaku/access_history.html#graph リンク Zen Garden - ワンソース・マルチデザインサイト http //www.csszengarden.com/tr/japanese/ ユーザビリティ http //www.usability.gr.jp/ http //www.hcdnet.org/ HTML 要素の種類 ブロックレベル要素 widthとheightの値を持つ。指定がない場合、親要素を継承 p div table dl ul ol form address blockquote h1-h6 fieldset hr pre インライン要素 widthとheightの値を持たない。ブロックレベル要素内の文中をマークアップする。ブロックレベル要素を子要素として持つことが出来ない a abbr acronym b bdo big cite code dfn em i kbd label q smap small spam strong sub sup tt var インラインブロック要素 widthとheightの値を持つ。文法的な使われ方はインライン要素 button img input object select span要素 インライン要素。文中、CSSでデザインする span 場所 /span を囲む。 コメント !-- -- 文字実体参照・数値文字参照 http //w3g.jp/others/data/letters sectionとarticleの違い article 単体で完結出来る お知らせや新着情報 section リンク先を見てみないことには分かいような物 コンテンツ類 CSS コメント /* */ 記述場所 インライン p style="color #ff00000;" /p 内部参照 style type="tetxt/css" p{ color ff0000;} /style 外部参照 link rel="stylesheet" type="text/css" href="xxx.css" / @importディレクティブ @import url(xxx.css) all; ←css内に記述。cssを階層構造にしてまとめる物? セレクタ http //weboook.blog22.fc2.com/blog-entry-287.html http //www.htmq.com/csskihon/005.shtml スタイルシートの継承一覧 http //css.eweb-design.com/0108_bsc.html body要素に書いておくと良さそうなもの http //www.designwalker.com/2007/02/css-body.html 詳細度(適応優先順位) * 0 p 1 a link 2 ul li 2 .con 10 #header 100 style="" 1000 #wrapper ul li.home 112 div#header 101 カスケーディング スタイルシートの種類 オーサー(Author) コンテンツ作成者が作成したCSS ユーザー(user) コンテンツ利用者が意図して使用するCSS ユーザーエージェント(User Agent) ブラウザ自体が持っているCSS 優先順位 1 ユーザスタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 2 オーサースタイルシート(!important宣言付き) CSSファイル内に!important宣言があるもの 3 オーサースタイルシート サイト制作者がlinkタグやstyleタグなどで指定したもの 4 ユーザスタイルシート ユーザー独自に作成したもの 5 デフォルトスタイルシート ブラウザが標準で持っているもの ボックスモデル ボックスモデル http //www.geocities.jp/multi_column/float/02.html http //www.dspt.net/stylesheet_css/001/010.html マージンの相殺 垂直方向のマージン相殺 正正/値が大きい方 正負/マージンを足した値 負負/絶対値が大きい方 ボックス内にボックスがある場合のマージンの相殺 paddingとboderの値がない場合。絶対値が大きい方が採用 空要素に対するマージン相殺 paddingとboderの値がない場合。マージンを指定しても折りたたまれる http //blog.webcreativepark.net/2008/07/09-001153.html http //kohituji.konjiki.jp/tec/margin.html フォントサイズについて bodyに対してfont-size 62.5%を予め指定しておくと、フォントサイズをemで指定する際、12ピクセル相当なら1.2em、16ピクセルにしたいなら1.6emという風にemを使ったフォントサイズ指定が分かりやすくなる CSS3で単位remは、ルートemの略。html要素にfont-size 62.5%;を指定すると継承する? http //redline.hippy.jp/lab/css/bodyfontsize625.php http //parashuto.com/rriver/development/css3-re ボックスの配置方法(基準位置)を指定 http //www.htmq.com/style/position.shtml